<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Countries of the World</title>
		<script src="scripts/sessionstorage.1.4.js" type="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript" src="scripts/scripts.js" ></script>
		<script src="scripts/quiz1_scripts.js" type="text/javascript"></script>
	</head>	
	<body >
		<nav id= "navPages">
			<a href="index.html">Home</a>
			<a href="france.html">France</a>
			<a href="gambia.html">Gambia</a>
			<a href="sudan.html">Sudan</a>
			<a href="uae.html">UAE</a>
			</nav>
		<section>
		<div id="main-content">
			<header>
				<h1>Quiz</h1>
			</header>
			
			<form onSubmit="javascript:submitQuiz(); return false;" name="quiz1" id="quiz1">
			<label for="firstname">Enter your First Name</label>
				<input type="text" size="50"
					id="firstname" name="firstname" required="required"/>
				<br/>
				<br/>
				<label for="password">Enter your Password</label>
				<input type="password" size="50"
					id="password" name="password" required="required"/>
				<br/>
				<br/>
	<ol>				
				<li><label for="question1" >What is the capital city of Gambia?</label><br/>
				<input type="radio" id="question1" name="question1" required="required"  >
					Khartoum
				<br/>
				<input type="radio" id="question1" name="question1">
					Banjul*
				<br/>
				<input type="radio" id="question1" name="question1"  >
					Abu Dhabi
				<br/>
				<br/></li>
				
				
			  <li><label for="question2">In which country is Burj Alarab located?</label><br/>
				<input type="radio" id="question2" name="question2" required="required">
					UAE*
				<br/>
				<input type="radio" id="question2" name="question2" >
					Sudan
				<br/>
				<input type="radio" id="question2" name="question2" >
					France
				<br/>
				<br/></li>
								
			   <li><label for="question3">Which country's offical language is French?</label><br/>
				<input type="radio" id="question3" name="question3" required="required" >
					UAE
					<br/>
				<input type="radio" id="question3" name="question3">
					Sudan
				<br/>
				<input type="radio" id="question3" name="question3">
					France*
				
				<br/>
				<br/></li>
				
				
				<li><label for="question4">Which country has the Nile River</label><br/>
				<input type="radio" id="question4" name="question4" required="required" >
					UAE
				<br/>
				<input type="radio" id="question4" name="question4">
					France
				<br/>
				<input type="radio" id="question4" name="question4">
					Sudan*
				<br/>
				<br/></li>
				
				<li><label for="question5">Who won the soccer world cup in 1998?</label><br/>
				<input type="radio" id="question5" name="question5" required="required" >
					Saudi Arabia
				<br/>
				<input type="radio" id="question5" name="question5">
					France*
				<br/>
				<input type="radio" id="question5" name="question5">
					Brazil
				<br/>
				<br/>
				</li>
				
			   <li><label for="question6">What the capital city of UAE?</label><br/>
				<input type="radio" id="question6" name="question6" required="required" >
					 Khartoum
					 <br/>
				<input type="radio" id="question6" name="question6">
					Abu Dhabi*
				<br/>
				<input type="radio" id="question6" name="question6">
					Paris
				<br/>
				<br/>				
				</li>
			
	</ol>
				
				<input type="submit" value="Submit Your Answers"/>
				<input type="reset" value="Reset Your Answers"/>
			</form>
			</div>
		</section>
		

	</body>
</html>